<template>
	<view>
		<view class="display-sb align-items flex-wrap">
			<view class="learn_hot mar-top-30" v-for="item in 3">
				<image src="/static/img/1.png" class="radius-16 width-100" mode=""></image>
				<view class="mar-top-12 fontSize-28">
					<text class="">{{a.slice(0,16)}}{{a.split('').length>16?'...':''}}</text>
					<text class="fontBold" style="float: right;">￥123.00</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script lang="ts">
	export default {
		name:"o-mall",
		props:{
			list: { // 标题文字(默认为空)
				type: Object,
				default: ''
			},
		},
		data() {
			return {
				 a:'标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题'
			};
		}
	}
</script>

<style lang="scss">
.learn_hot{
	width: 334rpx;
	image{
		height: 250rpx;
	}
}
</style>